<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>帖子专区</title>
    <link rel="stylesheet" href="tz.css">
</head>
<body>
    <div class="box">
        <div class="top">
            <div class="topone">
                <div class="toponetx"><img class="toponetximg" src="images/内涵段子logo.jpg" alt=""></div>
                <div class="toponetxwz">内涵段子网页模式</div>
                <div class="sousuo">
                    <form action="">
                    <input type="text" name="sousuo" placeholder="请输入关键字">
                    </form>
                    <div class="sousuotp">
                        <img src="images\搜索.png" alt="">
                    </div>
                    <a href="">
                        <div class="sousuowz">
                        搜索
                    </div> 
                    </a>
                </div>
                <div class="tx"><img src="images\小李子头像.jpg" alt=""></div>
                <div class="denglu"><a href="">登录</a></div>
            </div>
            <div class="toptwo">
                <a href="index.html"><div class="toptwowz1">首页</div></a>
                <a href="tiezi.html"><div class="toptwowz2">帖子专区</div></a>
                <a href="shipin.html"><div class="toptwowz3">视频专区</div></a>
                <div class="toptwowz4">正能量</div>
                <div class="toptwowz5">直播</div>
                <div class="toptwowz6">那些年</div>
                <div class="toptwowz7">段友出征</div>
                <div class="toptwowz8">生活</div>
                <div class="toptwowz9">美食</div>
                <div class="toptwowz10">时尚</div>
                <div class="toptwowz11">军事</div>
                <div class="toptwowz12" style="cursor: help;">...</div>
            </div>
        </div>
    </div>
    <div class="tzquyu">
        <A href="#"><div class="hdtop">
            刷新
        </div>
    </A>
        <div class="tzone">
            <div class="tzone1">
                <div class="tzonetx">
                    <img src="tzimages/欧文头像.jpg" alt="">                   
                </div>
                <div class="tzonename">
                    欧文小迷弟
                </div>
                <div class="tzonetime">
                    今天&nbsp;&nbsp;11:53&nbsp;来自&nbsp;内涵段子号&nbsp;已编辑
                </div>
            </div>
            <div class="tzonewz">
                新买的欧文7到了实战能力很强，穿着欧文的球鞋看欧文打球真的享受！
            </div>
            <div class="tzonenr">
                <img src="tzimages/欧文7黑.jpg" alt="">
                <img src="tzimages/欧文7.jpg" alt="">
            </div>
            <div class="tzonedibu">
                <ul>
                    <li class="tzonedibu1">
                        <a href="#"><img src="tzimages/分享.png" alt=""></a>
                        <div class="tzonedibu1wz">
                            1789
                        </div>
                    </li>
                    <li class="tzonedibu2">
                        <a href="#"><img src="tzimages/点赞.png" alt=""></a>
                        <div class="tzonedibu2wz">
                            89154
                        </div>
                    </li>
                    <li class="tzonedibu3">
                        <a href="#"><img src="tzimages/评论.png" alt=""></a>
                        <div class="tzonedibu3wz">
                            89154
                        </div>
                    </li>
                    <li class="tzonedibu4">
                        <div class="tzonedibu4wz">
                        <a href="#">...</a>
                        </div> 
                    </li>
                </ul>
            </div>
        </div>
        <div class="tztwo">
            <div class="tzone1">
                <div class="tzonetx">
                    <img src="tzimages/小李头像.jpg" alt="">                   
                </div>
                <div class="tzonename">
                    Leo
                </div>
                <div class="tzonetime">
                    今天&nbsp;&nbsp;10:30&nbsp;来自&nbsp;内涵段子号&nbsp;已编辑
                </div>
            </div>
            <div class="tzonewz">
                推荐两部关于小李子的爱情电影，都是经典中的经典，小李子的演技真的很精湛。
            </div>
            <div class="tzonenr">
                <img src="tzimages/罗密欧与朱丽叶.png" alt="">
                <img src="tzimages/泰坦尼克号.jpg" alt="">
            </div>
            <div class="tztwodibu">
                <ul>
                    <li class="tzonedibu1">
                        <a href="#"><img src="tzimages/分享.png" alt=""></a>
                        <div class="tzonedibu1wz">
                            547
                        </div>
                    </li>
                    <li class="tzonedibu2">
                        <a href="#"><img src="tzimages/点赞.png" alt=""></a>
                        <div class="tzonedibu2wz">
                           55749
                        </div>
                    </li>
                    <li class="tzonedibu3">
                        <a href="#"><img src="tzimages/评论.png" alt=""></a>
                        <div class="tzonedibu3wz">
                           1689
                        </div>
                    </li>
                    <li class="tzonedibu4">
                        <div class="tzonedibu4wz">
                            <a href="#">...</a>
                            </div> 
                    </li>
                </ul>
            </div>
        </div>
        <div class="tzthree">
            <div class="tzone1">
                <div class="tzonetx">
                    <img src="tzimages/折木头像.jpg" alt="">                   
                </div>
                <div class="tzonename">
                    动漫推荐君
                </div>
                <div class="tzonetime">
                    今天&nbsp;&nbsp;10:00&nbsp;来自&nbsp;内涵段子号&nbsp;已编辑
                </div>
            </div>
            <div class="tzonewz">
                推荐四部日本动漫电影评分很高哦，《你的名字》、《你好世界》、《紫罗兰的永恒花园剧场版》、《天气之子》
            </div>
            <div class="tzonenr">
                <img src="tzimages/你的名字.jpg" alt="">
                <img src="tzimages/你好世界.jpg" alt="">
                <img src="tzimages/薇妹.jpg" alt="">
                <img src="tzimages/天气之子.png" alt="">
            </div>
            <div class="tzthreedibu">
                <ul>
                    <li class="tzonedibu1">
                        <a href="#"><img src="tzimages/分享.png" alt=""></a>
                        <div class="tzonedibu1wz">
                            6865
                        </div>
                    </li>
                    <li class="tzonedibu2">
                        <a href="#"><img src="tzimages/点赞.png" alt=""></a>
                        <div class="tzonedibu2wz">
                            45675
                        </div>
                    </li>
                    <li class="tzonedibu3">
                        <a href="#"><img src="tzimages/评论.png" alt=""></a>
                        <div class="tzonedibu3wz">
                            869653
                        </div>
                    </li>
                    <li class="tzonedibu4">
                        <div class="tzonedibu4wz">
                            <a href="#">...</a>
                            </div> 
                    </li>
                </ul>
            </div>
        </div>
        <div class="tzfour">
            <div class="tzone1">
                <div class="tzonetx">
                    <img src="tzimages/厨师.jpg" alt="">                   
                </div>
                <div class="tzonename">
                    美食推荐
                </div>
                <div class="tzonetime">
                    昨天&nbsp;&nbsp;12:00&nbsp;来自&nbsp;内涵段子号&nbsp;已编辑
                </div>
            </div>
            <div class="tzonewz">
               今日份菜单,配方我留在评论区了喜欢的朋友们可以自己制作哦！
            </div>
            <div class="tzonenr">
                <img src="tzimages/美食1.jpg" alt="">
                <img src="tzimages/美食2.jpg" alt="">
                <img src="tzimages/美食3.jpg" alt="">
            </div>>
            <div class="tzonedibu">
                <ul>
                    <li class="tzonedibu1">
                        <a href="#"><img src="tzimages/分享.png" alt=""></a>
                        <div class="tzonedibu1wz">
                            35676
                        </div>
                    </li>
                    <li class="tzonedibu2">
                        <a href="#"><img src="tzimages/点赞.png" alt=""></a>
                        <div class="tzonedibu2wz">
                            67865
                        </div>
                    </li>
                    <li class="tzonedibu3">
                        <a href="#"><img src="tzimages/评论.png" alt=""></a>
                        <div class="tzonedibu3wz">
                            89832
                        </div>
                    </li>
                    <li class="tzonedibu4">
                        <div class="tzonedibu4wz">
                            <a href="#">...</a>
                            </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="tzfive">
            <div class="tzone1">
                <div class="tzonetx">
                    <img src="tzimages/摄影.jpg" alt="">                   
                </div>
                <div class="tzonename">
                    秘境
                </div>
                <div class="tzonetime">
                    昨天&nbsp;&nbsp;11:30&nbsp;来自&nbsp;内涵段子号&nbsp;已编辑
                </div>
            </div>
            <div class="tzonewz">
                看大千世界品自然之美。
            </div>
            <div class="tzonenr">
                <img src="tzimages/美图.jpg" alt="">
                <img src="tzimages/美图2.jpg" alt="">
                <img src="tzimages/美图3.jpg" alt="">
            </div>
            <div class="tzfivedibu">
                <ul>
                    <li class="tzonedibu1">
                        <a href="#"><img src="tzimages/分享.png" alt=""></a>
                        <div class="tzonedibu1wz">
                            56876
                        </div>
                    </li>
                    <li class="tzonedibu2">
                        <a href="#"><img src="tzimages/点赞.png" alt=""></a>
                        <div class="tzonedibu2wz">
                            237654
                        </div>
                    </li>
                    <li class="tzonedibu3">
                        <a href="#"><img src="tzimages/评论.png" alt=""></a>
                        <div class="tzonedibu3wz">
                            23567
                        </div>
                    </li>
                    <li class="tzonedibu4">
                        <div class="tzonedibu4wz">
                            <a href="#">...</a>
                            </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

</body>
</html>